<template>
  <div class="synbox">
    <header>
      <van-nav-bar title="系统通知" left-arrow @click-left="$router.back()" />
    </header>
    <main>
      <div class="lef">
        <div class="ave">
          <van-icon name="bell" class="bell" />
        </div>
      </div>
      <div class="rig">
        <p>感谢使用【妙手】医生服务！<br />挂号、问诊、购药，上妙手医生</p>
        <p><van-icon name="star" class="icon" /><span class="stre">近期热门推荐</span></p>
        <p>
          <van-icon name="arrow-double-right" class="icon" color="#9e9e9e" /><span
            >名医直播义诊，医生与你面对面</span
          >
        </p>
        <p>
          <img class="sz" src="../../assets//guahao_img/手指.png" alt="" /><span
            class="szs"
            @click="togo"
            >点此进入</span
          >
        </p>
        <p><van-icon name="star" class="icon" /><span class="stre">我们提供便捷的就医服务</span></p>
        <p>
          <img class="sz" src="../../assets//guahao_img/手指.png" alt="" /><span
            class="szs"
            @click="togh"
            >预约挂号</span
          >
        </p>
        <p>
          <img class="sz" src="../../assets//guahao_img/手指.png" alt="" /><span
            class="szs"
            @click="tojs"
            >极速问诊</span
          >
        </p>
        <p>
          <img class="sz" src="../../assets//guahao_img/手指.png" alt="" /><span
            class="szs"
            @click="tozj"
            >专家问诊</span
          >
        </p>
        <p><van-icon name="star" class="icon" /><span class="stre">您的专属服务</span></p>
        <p>
          <img class="sz" src="../../assets//guahao_img/手指.png" alt="" /><span
            class="szs"
            @click="toys"
            >我的医生</span
          >
        </p>
        <p>
          <img class="sz" src="../../assets//guahao_img/手指.png" alt="" /><span
            class="szs"
            @click="tojl"
            >我的问诊记录</span
          >
        </p>
        <p>
          <img class="sz" src="../../assets//guahao_img/手指.png" alt="" /><span
            class="szs"
            @click="toyy"
            >我的用药记录</span
          >
        </p>
        <p>
          <img class="sz" src="../../assets//guahao_img/手指.png" alt="" /><span
            class="szs"
            @click="toghjl"
            >我的挂号记录</span
          >
        </p>
      </div>
    </main>
  </div>
</template>
<script lang="ts" setup>
import "./index.css";
import {  useRouter } from "vue-router";
const router = useRouter()
// 跳转直播
const togo = () => {
  router.push('/livedtl')
}
// 预约挂号
const togh = () => {
  router.push('/yuyue')
}
// 极速问诊
const tojs = () => {
  // router.push('/')
}
// 专家问诊
const tozj = () => {
  router.push('/ask')
}
// 我的医生
const toys = () => {
  router.push('/wdys')
}
// 我的问诊记录
const tojl = () => {
  router.push('/zxwz')
}
// 我的用药记录
const toyy = () => {
  router.push('/yyjy')
}
// 我的挂号记录
const toghjl = () => {
  router.push('/order')
}


</script>
